<!--
Create tabs with an icon and label, using the tabs-positive style.
Each tab's child <ion-nav-view> directive will have its own
navigation history that also transitions its views in and out.
-->
<ion-tabs class="tabs-icon-top footer-tabs-bgcolor m-color-active " keyboard-handler>

  <!-- Dashboard Tab -->
  <ion-tab title="主页" icon-off="m-ion-home-outline" icon-on="m-ion-home" href="#/tab/home">
    <ion-nav-view name="tab-home"></ion-nav-view>
  </ion-tab>

  <!-- Chats Tab -->
  <ion-tab title="行情" icon-off="m-ion-msg-outline" icon-on="m-ion-msg" href="#/tab/chats">
    <ion-nav-view name="tab-chats"></ion-nav-view>
  </ion-tab>

  <!-- Account Tab -->
  <ion-tab title="合作区" icon-off="m-ion-hzq-outline" icon-on="m-ion-hzq" href="#/tab/work">
    <ion-nav-view name="tab-work"></ion-nav-view>
  </ion-tab>
  
  <!-- Account Tab -->
  <ion-tab title="我的" icon-off="m-ion-me-outline" icon-on="m-ion-me" href="#/tab/me">
    <ion-nav-view name="tab-me"></ion-nav-view>
  </ion-tab>

</ion-tabs>
